<%@ include file="/WEB-INF/pages/common/taglibs.jsp" %>
<html>
<head>
    <link rel="icon" href="<c:url value='/images/favicon.ico'/>" mce_href="<c:url value='/images/favicon.ico'/>" type="image/x-icon">
    <link rel="shortcut icon" href="<c:url value='/images/favicon.ico'/>" mce_href="<c:url value='/images/favicon.ico'/>" type="image/x-icon">
    <meta http-equiv="Cache-Control" content="no-store"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <link href="<c:url value='/styles/monitor.css'/>" rel="stylesheet" type="text/css"/>
    <link href="<c:url value='/styles/site1.css'/>" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="<c:url value='/scripts/monitor.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/scripts/calendar.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/scripts/validation.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/scripts/jquery.js'/>"></script>
    <title><s:text name="label.webapp.title"/> </title>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow:hidden;
}
.STYLE3 {font-size: 12px; color: #adc9d9; }
-->
</style>

    <script type="text/javascript">
	    function login(){
	        var currentForm = document.forms["loginForm"];
	        currentForm.elements["userModel.userId"].value = currentForm.elements["userModel.userId"].value.trim();
	        currentForm.elements["userModel.userPassword"].value = currentForm.elements["userModel.userPassword"].value.trim();
	        if(isEmpty(currentForm.elements["userModel.userId"].value)){
	            alert('<s:text name="label.userId.required"/>');
	            return;
	        }
	        if(isEmpty(currentForm.elements["userModel.userPassword"].value)){
	            alert('<s:text name="label.password.required"/>');
	            return;
	        }
	        submitForm("loginForm", "login.action");
	    }

	    function changePassword(){
	        submitForm("loginForm", "viewChangePassword.action");
	    }
	</script>

</head>

<body>
<s:form action="" name="loginForm" >
<% if (request.getAttribute("struts.valueStack") != null) { %>
<s:if test="hasActionErrors()">
    <div class="txtActionError" id="errorMessages">
        <table width="100%" bgcolor="#1075b1">
            <tr>
                <td >
                    <s:iterator value="actionErrors">
                        <img src='<c:url value="/images/iconWarning.gif"/>' alt='<s:text name="icon.warning"/>'/>
                        <font color="red"><b><s:property/></b></font><br/>
                    </s:iterator>
                </td>
            </tr>
        </table>
    </div>
    <c:remove var="actionErrors"/>
</s:if>
<% } %>
<table width="100%"  height="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td bgcolor="#1075b1">&nbsp;</td>
  </tr>
  <tr>
    <td height="608" background="../images/login_03.gif"><table width="847" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="318" background="../images/login_04.png">&nbsp;</td>
      </tr>
      <tr>
        <td height="84"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="381" height="84" background="../images/login_06.png">&nbsp;</td>
            <td width="162" valign="middle" background="../images/login_07.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="44" height="24" valign="bottom"><div align="right"><span class="STYLE3"><s:text name="label.userName"/></span></div></td>
                <td width="10" valign="bottom">&nbsp;</td>
                <td height="24" colspan="2" valign="bottom">
                  <div align="left">
                    <input type="text" name="userModel.userId" id="userModel.userId" style="width:100px; height:17px; background-color:#87adbf; border:solid 1px #153966; font-size:12px; color:#283439; ">
                  </div></td>
              </tr>
              <tr>
                <td height="24" valign="bottom"><div align="right"><span class="STYLE3"><s:text name="label.password"/></span></div></td>
                <td width="10" valign="bottom">&nbsp;</td>
                <td height="24" colspan="2" valign="bottom"><input type="password" name="userModel.userPassword" id="userModel.userPassword" style="width:100px; height:17px; background-color:#87adbf; border:solid 1px #153966; font-size:12px; color:#283439; "></td>
              </tr>
              <tr>
                <td height="24" valign="bottom">&nbsp;</td>
                <td width="10" valign="bottom">&nbsp;</td>
                <td width="52" height="24" valign="bottom">
                        <a href="javascript:login()" >
                            <img src="../images/dl.gif" width="57" height="20" >
                        </a>
                    </td>
                <td width="62" valign="bottom"><div align="left">
                    <a href="#" onclick="changePassword();">
                    <img src="../images/cz.gif" width="57" height="20">
                        </a>
                    </div></td>
              </tr>
              <tr></tr>
            </table></td>
            <td width="26"><img src="../images/login_08.gif" width="26" height="84"></td>
            <td width="67" background="../images/login_09.png">&nbsp;</td>
            <td width="211" background="../images/login_10.gif">&nbsp;</td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td height="206" background="../images/login_11.gif">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td bgcolor="#152753">&nbsp;</td>
  </tr>
</table>
    </s:form>
</body>
</html>
